<template>
	<view class="message">
		<view class="message-item">
			<view class="message-tag">
				回款编号：
			</view>
			<view class="message-value">
				{{message.no}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				回款金额：
			</view>
			<view class="message-value">
				￥{{message.price}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				回款日期：
			</view>
			<view class="message-value">
				{{$share.getDate(message.returnTime)}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				回款方式：
			</view>
			<view class="message-value">
				{{message.type}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				备注：
			</view>
			<view class="message-value">
				{{message.remark}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				创建人：
			</view>
			<view class="message-value">
				{{message.creatorName}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				创建时间：
			</view>
			<view class="message-value">
				{{$share.getDate(message.createTime)}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			message: Object
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/style/customicons.scss";
	.message{
		// width: 100%;
		padding: 28rpx;
		.message-item{
			@include flex-r-wrap;
			// padding: 20rpx 0;
			line-height: 68rpx;
			font-size: 28rpx;
			&:last-child{
				padding-bottom: 0;
			}
			.message-tag{
				color: #9A9A9A;
			}
			.message-value{
				color: #101010;
			}
		}
	}
</style>